<template>
  <div class="use">
    <h2>1.0 vant 按钮的使用</h2>
    <van-button type="default">默认按钮</van-button>
    <van-button type="primary" @click="fn">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <h2>2.0 vant 单元格的使用</h2>
    <van-cell-group>
      <van-cell title="单元格" value="内容" />
      <van-cell title="单元格" value="内容" label="描述信息" />
    </van-cell-group>
    <h2>3.0 vant 图标的使用</h2>
    <van-icon name="like" />
    <van-icon name="star" />
    <h2>4.0 vant 插槽的使用</h2>
    <van-cell value="内容">
        <template #title>
            <van-icon name="fire" />
            <span>单元格</span>
            <van-icon name="fire-o" />
        </template>
    </van-cell>
  </div>
</template>

<script>
export default {
  methods: {
    fn () {
      alert('hhh')
    }
  }
}
</script>

<style></style>
